/* #ifndef APP-PLUS-NVUE */
view,
scroll-view,
swiper,
swiper-item,
cover-view,
cover-image,
icon,
text,
rich-text,
progress,
button,
checkbox,
form,
input,
label,
radio,
slider,
switch,
textarea,
navigator,
audio,
camera,
image,
video {
	/* 
	对元素指定宽度和高度包括了 padding 和 border 。
	通过从已设定的宽度和高度分别减去边框和内边距才能得到内容的宽度和高度 
	还有个就是view之间不会有间隙
	*/
	box-sizing: border-box;
}


image {
	/* 去掉底部白色背景 */
	display: block;
}

/* #endif */

/* 布局 */
.center {
	display: flex;
	align-items: center;
	justify-content: center;
}

.row {
	display: flex;
	flex-direction: row;
}

.column {
	display: flex;
	flex-direction: column;
}

.row_a_c {
  display: flex;
  flex-direction: row;
  align-items: center;
}


.column_c {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.space-between {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}

.one {
	flex: 1;
}

.no-wrap {
  white-space: nowrap;
}

/* input */
.placeholder {
	color: #999 !important;
}

/* 隐藏滚动条的问题,但依旧具备可以滚动的功能 */
/* 解决小程序和app  */
/* #ifdef MP-WEIXIN || APP-PLUS */
.noScorll ::-webkit-scrollbar {
	display: none;
}

/* #endif */
/* 解决 H5 的问题 */
/* #ifdef H5 */
.noScorll ::-webkit-scrollbar {
	width: 0 !important;
	height: 0 !important;
	display: none;
}

/* #endif */

.text-ellipsis {
	overflow: hidden;
	text-overflow: ellipsis; //显示省略号
	-webkit-line-clamp: 2; //最多2行
	display: -webkit-box;
	-webkit-box-orient: vertical;
	white-space: normal;
}

/* 蒙层 */
.mask {
	z-index: 99;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0, 0, 0, 0.7);
}

image {
	image-rendering: -moz-crisp-edges;
	image-rendering: -o-crisp-edges;
	image-rendering: -webkit-optimize-contrast;
	image-rendering: crisp-edges;
	-ms-interpolation-mode: nearest-neighbor;
}
